<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的账户</title>
    <link rel="stylesheet" href="../css/base.min.css">
    <link rel=stylesheet href="../css/my-account.min.css">
    <link rel="stylesheet" href="../css/style.min.css">
</head>
<body>
<!-- container -->
<div class="container banxin clearfix" v-cloak>
	<div class="dir">
		<div class="dir-left">
			<a href="#">首页</a> >
			<a href="#">我的账户</a> >
			<span id="current">{{current}}</span>
		</div>
		<div class="dir-right">
			<span class="province">江苏</span>
			<span class="section">理科</span>
			<span class="score">663</span>
			<span @click=mask><img :src="editor" alt="编辑" title="编辑" /></span>
		</div>
	</div>
	<div class="tab-left">
	    <div class="navigation">
	    	<span class="er-left"></span>
	    	我的账户
	    	<span class="er-right"></span>
	    </div>
	    <ul class="neibu_tab" @click=catalog($event)>
			<li v-for='(item,index) of listItem'
				:class="{'active':index==0}"
				:index=index>
				<span class="column"></span>{{item}}
			</li>
		</ul>
	</div>
	<div class="tab-right">
		<!-- 我的关注 -->
		<div>
			<div class="top-tab">
				<ul class="clearfix" @click=follow($event) id="my_follow">
					<li class="w-hover">关注的院校</li>
					<li class="li-conter">关注的专业</li>
					<li>关注的职业</li>
				</ul>
			</div>
			<div class="follow-substance">
				<ol class="school-ol">
					<transition v-for="site in sites" name=fade>
						<li class="clearfix">
							<div class="school-img">
								<img :src=" logo+site.logo " class="imgs" />
							</div>
							<div class="school-substance">
								<span class="school">{{site.sname}}</span>
								<img src="" alt="" class="image" />
								<span class="city">{{site.dataname}}</span>
								<br />
								<span class="ranking1"
					    				v-if='show'
				    					v-if='site.stype.length>0'
			    						v-for='type of site.stype'
			    						v-show=type>{{type}}</span>
								<div class="placing-school">
									<span class="placing">综合排名：<i>{{site.ranking}}</i></span>
									<span class="like">
										<span class="school-attention"
								            v-if='show'
								            :class='site.status==0? "icon-notcollect":"icon-collect"'
								            :follow_id='site.id' @click=delete_follow($event)>
							            </span>
									</span>
								</div>
							</div>
						</li>
					</transition>
				</ol>
				<no-data :no_data="no_data_school"></no-data>
			</div>
			<div class="follow-substance" style="display: none;">
				<transition name=bounce>
					<ol class="major-ol">
						<li v-for="content in contents" class="clearfix">
							<span class="major">{{content.majorname}}</span>
							<span>{{content.mtype}}</span>
							<br />
							<span>所属学科：</span>
							<span class="subject">{{content.dataname}}</span>
							<br />
							<span>毕业5年后薪资约：</span>
							<span class="salary">{{content.five}}</span>
							<div class="placing-major">
							<span class="school-attention"
					            v-if='show'
					            :class='content.status==0? "icon-notcollect":"icon-collect"'
					            :follow_id='content.id' @click=delete_follow($event)>
				            </span>
							</div>
						</li>
					</ol>
				</transition>
				<no-data :no_data="no_data_major"></no-data>
			</div>
			<div class="follow-substance" style="display: none;">
				<transition name=bounce>
					<ol class="occupation-ol">
						<li v-for="major in majors" class="clearfix" v-show=boo>
							<span class="occupation">{{major.job}}</span>
							<br />
							<span>所属行业：</span>
							<span class="subject">{{major.dataname}}</span>
							<div class="placing-occupation">
								<span class="school-attention"
						            v-if='show'
						            :class='major.status==0? "icon-notcollect":"icon-collect"'
						            :follow_id='major.id' @click=delete_follow($event)>
					            </span>
							</div>
						</li>
					</ol>
				</transition>
				<no-data :no_data="no_data_job"></no-data>
			</div>
		</div>
		<!-- 我的志愿表 -->
		<div class="hide">
			<div class="top-table">
				已有2份志愿表
				<span class="append">添加志愿表</span>
			</div>
			<div class="my-table">
				<ul class="my-table-ul">
					<li v-for="voluntary in voluntarys">
						<span class="num">{{voluntary.title}}</span>
						<br />
						<span>备注：{{voluntary.rationality==null?"暂无":voluntary.rationality}}</span>
						<br />
						<span class="time">更新时间：{{voluntary.update_time}}</span>
						<div class="amputate" :voluntary_id='voluntary.id' @click=delete_voluntary($event)>
							<img src="" :voluntary_id='voluntary.id' />
							删除
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="tips" id="tips" style="display: none;">
      <div class="tips-secondary">
        <div class="return" id="tips-close" >x</div>
        <div class="prompt"><span>!</span>温馨提示</div>
        <div class="prompt-substance">网页版暂不支持该功能，请用手机下载第一志愿APP使用该功能。</div>
        <ul class="clearfix"  id="tips-options">
            <li class="no-download " >暂不下载</li>
            <li class="download"><a href="./special.html">下载APP使用</a></li>
        </ul>
      </div>
    </div>
	</div>
	<!-- 忘记密码 -->
	<div class="revise-box" style="display: none;" id="tip">
		<div class="revise-secondary">
			<div class="return" @click=close($event) id="return">x</div>
			<div class="title">修改密码</div>
			<ul>
				<li>
					<label for="user-name">用户名：
						<input type="text" placeholder="用户名" maxlength="20" name="user-name" id="user-name" class="right-input" v-model="username" />
					</label>
				</li>
				<div>{{ username_prompt }}</div>
				<li>
					<label for="phone">手机号：
						<input type="tel" placeholder="手机号" maxlength="11" name="phone" id="phone" class="right-input" v-model="phone" />
					</label>
				</li>
				<div>{{ phone_prompt }}</div>
				<li>
					<label for="identifying">验证码：
						<span :fgetc='fgetc' id="get-code" @click=get_code($event)>获取验证码</span>
						<input type="tel" placeholder="验证码" maxlength="4" class="identifying" name="identifying" id="identifying" v-model="identifying" />
					</label>
				</li>
				<div>{{ identifying_prompt }}</div>
				<li>
					<label for="passwords">密码：
						<input type="password" placeholder="请设置登录密码 (6-12位)" maxlength="20" name="passwords" id="passwords" class="right-input" v-model="passwords" />
					</label>
				</li>
				<div>{{ passwords_prompt }}</div>
				<li class="button" @click=revise_password($event) id="button">确认修改</li>
			</ul>
		</div>
	</div>
</div>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script src="../js/jquery-1.11.1.min.js"></script>
<script src="../js/img.js"></script>
<script src="../js/base.js"></script>
<script src="../js/my-account_back.js"></script>
</body>
</html>